<template>
  <div>
      <el-table :data="tableData" border>
        <el-table-column
          label="客戶名称"
          prop="clientName">
        </el-table-column>
        <el-table-column
          label="招标数"
          prop="tenderAmount">
        </el-table-column>
        <el-table-column
          label="工程名称">
          <el-table-column v-for="(item,index) in rols" :key="item" :label="item">
            <template slot-scope="scope">
              <span>{{scope.row.items[index]}}</span>
            </template>
          </el-table-column>
        </el-table-column>
      </el-table>
  </div>
</template>

<script>
export default {
  name: 'MyApply',
  data(){
    return {
      rols:['1','2','3','4'],
      tableData:[
          {
            clientName:'中国移动',
            tenderAmount:'2',
            items:[
              {projectName:'红旗镇中心城区海绵公园及周边配套设施改造工程',projectStatus:'招标'},
              {projectName:'沈阳泉银物业有限责任公司绿化提升项目',projectStatus:'拟在建'}
            ]
          },
          {
            clientName:'中国联通',
            tenderAmount:'4',
            items:[
              {projectName:'壤塘县大伊里村脱贫攻坚勒寨吉祥桥建设工程',projectStatus:'招标'},
              {projectName:'秀山县垃圾焚烧发电项目',projectStatus:'中标'},
              {projectName:'东西部扶贫协作非贫困村卫生室建设项目',projectStatus:'中标'},
              {projectName:'蒙城县人居环境建设项目',projectStatus:'招标'}
            ]
          },
        ],
    }
  },
  methods:{
  }

}
</script>

<style scoped>

</style>
